聯(lián)系我們
導讀：給小程序零基礎的開發(fā)者的傻瓜式教程。開發(fā)小程序基礎：HTML、CSS、JavaScript。不過本文暫不考慮這些，我們來大體介紹一下首先，要開發(fā)小程序你需要申請一個微信公眾平臺賬號，在
發(fā)表日期：2020-07-05
文章編輯：興田科技
瀏覽次數(shù)：8547
標簽：
給小程序零基礎的開發(fā)者的傻瓜式教程。
開發(fā)小程序基礎：HTML、CSS、JavaScript。不過本文暫不考慮這些，我們來大體介紹一下
首先，要開發(fā)小程序你需要申請一個微信公眾平臺賬號，在微信公眾平臺用自己的微信號直接申請就可以了。
然后就要下載開發(fā)者工具來寫代碼、上傳、預覽。微信公眾平臺有提供登錄。
項目目錄是你的代碼存放地；AppID是小程序的賬號，需要申請，且每個郵箱只能申請一個，我們可以先體驗小程序來跳過輸入AppID（遠程調(diào)試等功能會不能使用，但不影響我們寫和編譯）；項目名稱是在開發(fā)工具上顯示的名字，和小程序內(nèi)容無關，就是個昵稱。
快速啟動模板是微信為了讓使用者快速入門提供的一個簡單的Hello World！程序，內(nèi)容代碼包含很多注釋，可以快速上手。
打開以后長這樣。開發(fā)工具的具體各種功能都是傻瓜式的，與一些開發(fā)工具差別不大，自己探究吧！
可以看到快速啟動模板上有兩個文件夾和四個文件：pages和utils，app.js、app.json、app.wxss、project.config.json。
pages文件夾里面存放的文件是要顯示的各頁面，每個子文件夾就是一個頁面的內(nèi)容,子文件夾又包含4個文件，.js、.json、.wxss、.wxml。
.wxml文件是界面文件；
.js是事件交互文件，用于進行邏輯處理；
.wxss為界面美化文件，控制界面格式；
.json為每頁配置文件，可以修改導航欄顯示樣式；
其實整個小程序就是由這四種文件構成的各個頁面。
utils文件夾 主要用于存放一些全局調(diào)用的.js文件，比如需要用到的外部ApI等。
在根目錄下的app.js、app.json、app.wxss等文件主要功能也如上面所說，但app文件主要負責全局調(diào)控。
app.js : 方法處理文件，進行程序剛開始運行時事件處理，處理小程序的生命周期函數(shù)；
app.json : 全局配置文件，配置小程序的所有頁面（所有頁面必須先在這里聲明），小程序背景色，導航條樣式，標題(注意該文件不可添加任何注釋)；
app.wxss : 全局的界面美化，配置頁面默認樣式，當加載其他頁面時，當前頁面的wxss文件會覆蓋app.wxss文件；
由于名字叫小程序，所以程序一定要小，官方規(guī)定代碼不可以超過5M。
微信小程序開發(fā)，小程序開發(fā)
更多新聞
2020
關于網(wǎng)站建設，科技是第一生產(chǎn)力，信息時代是技術的時代。誰主導了技術，誰就主導著未來社會的發(fā)展。到這里，應該說這些結論都有道理。但由于信息技術的代表
View details
2020
關于網(wǎng)站建設，企業(yè)網(wǎng)站的作用更類似于企業(yè)在報紙和電視上所做的宣傳企業(yè)本身及品牌的廣告。不同之處在于企業(yè)網(wǎng)站容量更大，企業(yè)可以把任何想讓客戶及公
View details
2020
關于網(wǎng)站建設，DIY自助建站工具（站長工具），主要是通過使用模板和內(nèi)容管理系統(tǒng)來建設及更新網(wǎng)站。使得網(wǎng)站建設與維護都變得容易起來。許多主機服務提供商都
View details
2020
給小程序零基礎的開發(fā)者的傻瓜式教程。開發(fā)小程序基礎：HTML、CSS、JavaScript。不過本文暫不考慮這些，我們來大體介紹一下首先，要開發(fā)小程序你需要申請一個微信公眾平臺賬號，在
View details
